<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap4.5.min.css">
    <title>互联应用</title>
    <style>
        li {
            list-style: none;
        }
        
        ul {
            margin: 0;
            padding: 0;
        }
        
        .row {
            margin: 0;
        }
        
        @media (min-width:576px) {
            .container {
                max-width: 576px;
                padding: 0;
            }
        }
        
        @media (min-width:768px) {
            .container {
                max-width: 768px;
                padding: 0;
            }
        }
        
        @media (min-width:992px) {
            .container {
                max-width: 992px;
                padding: 0;
            }
        }
        
        @media (min-width:1200px) {
            .container {
                max-width: 1200px;
                padding: 0;
            }
        }
        
        .application_title {
            text-align: center;
        }
        
        .application_title h5 {
            color: #666666;
        }
        
        .application_list {
            margin-top: 30px;
        }
        
        .application_list_img img {
            width: 100%;
        }
        
        .application_list_txt,
        .application_list_text {
            text-align: center;
        }
        
        .application_list_txt span,
        .application_list_text span {
            font-size: 30px;
            color: #e67817;
        }
        
        .application_list_txt h4,
        .application_list_text h4 {
            padding: 20px 0 10px 0;
        }
        
        .application_list_box .application_list_txt:nth-child(1) {
            margin-bottom: 150px;
        }
        
        .application {
            padding: 50px 0;
            background: url('img/application/img1.png') no-repeat;
            background-size: 100% 100%;
        }
        
        .application_list_txt:hover {
            transform: rotateY(360deg);
            transition: .8s;
            color: dodgerblue;
        }
        
        @media(max-width:768px) {
            .application_list_box .application_list_txt:nth-child(1) {
                margin-bottom: 0;
            }
        }
    </style>
</head>

<body>
    <div class="application">
        <div class="container">
            <div class="application_title">
                <h2>为什么选择我们？</h2>
                <span>——————————</span>
                <h5>WHY CHOOSE US</h5>
            </div>
            <div class="application_list">
                <ul class="row">
                    <li class="col-xl-3 col-lg-3 col-md-3 col-12">
                        <div class="application_list_box">
                            <div class="application_list_txt">
                                <h4><span>13年</span> 的条码行业经验</h4>
                                <p>拥有13年的条码|REID行业经验，并与多家大企业达成深度合作长期服务</p>
                            </div>
                            <div class="application_list_txt">
                                <h4>超 <span>300家</span> 客服服务经验</h4>
                                <p>秉承稳重、务实，坚持以技术和服务推动条码/RFID应用，成功地为众多客户提供满意的解决方案</p>
                            </div>
                        </div>

                    </li>
                    <li class="col-xl-6 col-lg-6 col-md-6 col-12">
                        <div class="application_list_img">
                            <img src="img/application/img2.png" alt="">
                        </div>
                        <div class="application_list_text">
                            <h4><span>优质</span> 的售后服务</h4>
                            <p>服务超过300家企业，时刻关心用户体验，获得企业一片好评</p>
                        </div>
                    </li>
                    <li class="col-xl-3 col-lg-3 col-md-3 col-12">
                        <div class="application_list_box">
                            <div class="application_list_txt">
                                <h4><span>资深</span> 的开发团队</h4>
                                <p>团队自由动识别行业资深人员组成，每位成员有10年以上的经验</p>
                            </div>
                            <div class="application_list_txt">
                                <h4><span>荣获</span> 多项权威奖项</h4>
                                <p>多个软件著作权，评定为国家高新认定企业、国家双软认证</p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>

        </div>
    </div>
</body>

</html>